<div class="submitImg">
	<p class="ImgName">文件上传<span class="ImgText">建议以excel格式上传，计价文件需包含分部分项工程和单价措施项目清单与计价表、
总价措施项目清单与计价表、其他项目清单与计价汇总表、单位工程人材机汇总表、单项工程费用汇总分析表</span></p>
	<hr />
	<div class="fileBtn" id="fileBtn">上传文件</div>
	<div class="fileText" id="fileText"></div>
</div>
<script type="text/javascript" src="/ceca_two/js/costnorm/webuploader.js"></script>
<script type="text/javascript">
$(function(){
	var $list=$("#fileText");
	var uploaderFile = WebUploader.create({  
       // 选完文件后，是否自动上传。  
       auto: true,  
       // swf文件路径  
       swf: '/ceca_two/js/costnorm/Uploader.swf',  
  
       // 文件接收服务端。  
       server: '/api/upload/add', 
       pick: '#fileBtn',  
       resize: false
  }); 
  var proT =0;
   uploaderFile.on( 'fileQueued', function( file ) {
    $list.append( '<div id="' + file.id + '" class="item">' +
        '<h4 class="info">' + file.name + '</h4>' +
        '<p class="state">等待上传...</p>'+'<i class="proText">0%</i>' +'<span class="filedel"></span>'+
    '</div>' );
    $(".filedel").click(function(){
   		$(this).parents(".item").remove();
   });
});
   // 文件上传过程中创建进度条实时显示。
	uploaderFile.on( 'uploadProgress', function( file, percentage ) {

        var $li = $( '#'+file.id ),
	        $percent = $li.find('.progress .progress-bar');
	        console.dir($li);
	    // 避免重复创建
	    if ( !$percent.length ) {
	        $percent = $('<div class="progress progress-striped active">' +
	          '<div class="progress-bar" role="progressbar">' +
	          '</div>' +
	        '</div>').appendTo( $li ).find('.progress-bar');
	    }
        console.dir(percentage);
	    $li.find('p.state').text('上传中');
	    if(percentage ==1){
	    	$(".state").text("上传成功");
	    	$(".item i").text( "100%");
	    	$(".progress-bar").css("width","100%");
	    }else{
	    	$(".progress-bar").css("width",percentage * 100+"%");
	   		$(".item i").text(percentage * 100+"%");
	    }

	});
   
 });
 </script>